<{include file="block/header_case.html"}>

<!--面包屑导航开始-->
<div class="main_topnav mb20">
	<div class="mainwd">
		<p><span class="ico_list breadna"></span>您的位置：<a href="<{link ctl='index'}>"><{$CONFIG.site.title}></a>
			><a href="<{link ctl='case:items'}>">装修案例</a>
		</p>
	</div>
</div>
<!--面包屑导航结束-->
<div class="mainwd">
	<!--主体内容开始-->
	<div class="mb20 pding area choose_option">
		<table>
        	<{foreach $attr_values as $v}>
            <tr>
               	<td class="tit"><{$v.title}>:</td>
                <td><a href="<{$v.link}>" class="<{if $v.checked == true}> current<{/if}>">不限 </a>                  
                <{foreach $v.values as $vv}>
                <a href="<{$vv.link}>" class="<{if $vv.checked ==true}>current<{/if}>"><{$vv.title}></a>
                <{/foreach}>
                </td>
         	</tr>
			<{/foreach}>
		</table>
	</div>

	<div class="mb10">
		<div class="sort_box">
			<p class="sort_list hoverno">
            	<span class="lt">
                    <{foreach $order_list as $k=>$v}>
                    <a href="<{$v.link}>"><{$v.title}><span class="<{if $pager.order==$k}>sort_ico ico_list sort_on_ico<{else}>sort_ico ico_list<{/if}>"></span></a>
                    <{/foreach}>
				</span>			
                <span class="rt">
                    <a href="<{link ctl='case:album'}>" title="专辑模式"><font class="ico_list li_over"></font></a>
					<a href="<{link ctl='case:items'}>"  title="列表模式"  class="on"><font class="ico_list block_on"></font></a>
				</span>
			</p>
		</div>
	</div>
</div>
<!--瀑布流开始-->
<div class="demo clearfix">			
	<div class="item_list infinite_scroll">
    	<{foreach $items as $item}>          
        <div class="item masonry_brick">        
            <{if $item.lastphotos}>
                 <{foreach from=$item.lastphotos key=key item=item2}>
                    <{if $item2@index == 0}>
                 <div class="item_t">
				   <div class="img"><a href="<{link ctl='case:detail' arg0=$item.case_id}>"  target="_blank"><img width="210" src="<{$pager.img}>/<{$photos[$item2].photo}>_thumb.jpg" /></a>
				   <span class="price"><{$item.photos}></span>
					<div class="btns">
						<a href="<{link ctl='case:detail' arg0=$item.case_id}>" class="img_album_btn">免费设计</a>
					</div>
				   </div>
                    <div class="title"><span><{$item.title|cutstr:25}></span></div>

                 </div>
				 <div class="item_b clearfix">
				<div class="items_likes fl">
					<a href="<{link ctl='case:detail' arg0=$item.case_id}>" class="like_btn"></a>
					<em class="bold"><{$item.views}></em>
				</div>
				<div class="items_comment fr"><a href="<{link ctl='case:detail' arg0=$item.case_id}>">评论</a><em class="bold">(0)</em></div>
			</div>
                    <{/if}>
                 <{/foreach}>
            <{/if}>               
           
           
          
        </div>
        <{/foreach}>
	</div>
</div>


<!--分页开始-->
<div id="more"><a href="page/2.html"></a></div>
					
	<div id="page" class="page" style="display:none;">
		<{if $pager.pagebar}><div class="page hoverno"><{$pager.pagebar}></div><{/if}>
	</div>
<!--分页结束-->

</div>
<!--瀑布流结束-->


<script type="text/javascript">
(function(K, $){
  var $container = $('#container');
      $container.imagesLoaded(function(){
        $container.masonry({
        itemSelector: '.case_aterfall_li'
      });
    }); 
    //装修案例列表模式透明层
     $(".case_aterfall_li").mouseover(function(){
         $(this).find(".opacity_img span").show();
     }).mouseleave(function(){
        $(this).find(".opacity_img span").hide();
     });
})(window.KT, window.jQuery);
</script>
<{include file="block/footer_case.html"}>
